<!doctype html>
<html class="x-admin-sm">
<head>
	<link rel="stylesheet" href="./css/font.css">
	<link rel="stylesheet" href="./css/xadmin.css?ver=0.5">
	<script src="./lib/layui/layui.js" charset="utf-8"></script>
	<script type="text/javascript" src="./js/xadmin.js"></script>
	<script type="text/javascript" charset="utf-8" src="./js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="./js/vue.js"></script>
	<style type="text/css">
		#nav a{
			color: #fff;
		}
	</style>
	<title>东总博士后管理系统</title>
	<link rel="stylesheet" href="./css/ret2.css?v=6" />
	<link rel="stylesheet" href="./font/iconfont.css?v=3" />
</head>
<body class="index" >

<input type="hidden" th:value="${AdminID}" id="adminid">
<input type="hidden" th:value="${DeptID}" id="deptid">

<div id="index_div">
	<!--头部-->
	<div class="top flex flex-align-center flex-space-around">
		<div class="name clearfix">
			<div class="fl">
				<img src="img/menu_x_032.png" />
			</div>
			<div class="fl" style="line-height: 80px;padding-left: 15px;">东总博士后管理系统</div>
		</div>
		<div class="people">
			<div class="fath" id="deptname"><span>admin</span><i class="iconfont icon-xiangxia"></i></div>
			<div class="back" style="display: block">
				<ul>
					<li @click="logout">退出系统</li>
					<li>返回首页</li>
				</ul>
			</div>
		</div>
	</div>

	<!--导航-->
	<div class="middle flex flex-pack-center flex-align-center">

		<div class="bus">

			<div class="bus_2 ml16 mt16">
				<div class="head"><i class="iconfont icon-zhucedengjihuizongbiao"></i>博士后信息</div>
				<div class="list">
					<a  href="./bshxinxi/bshdaoru.html"><i class="iconfont icon-xinxichaxun"></i>博士后信息导入</a>
					<a  href="./bshxinxi/bshxinxi.html"><i class="iconfont icon-xinxiluru"></i>博士后信息管理</a>
				    <a  href="./bshxinxi/bshtongji.html"><i class="iconfont icon-xinxitongji"></i>博士后信息统计</a>

				</div>
			</div>

			<div class="bus_1 ml16 mt16">
				<div class="head"><i class="iconfont icon-xinxihecha"></i>在站博士后</div>
				<div class="list">
					<a  href="./zaizhanbsh/jingfeiguanli.html"><i class="iconfont icon-zhenbiechaxun"></i>经费管理</a>
					<a  href="./zaizhanbsh/kaoheguanli.html"><i class="iconfont icon-xinxichaxun"></i>考核管理</a>
				</div>
			</div>

			<div class="bus_2 ml16 mt16">
				<div class="head"><i class="iconfont icon-zhucedengjihuizongbiao"></i>博士后出站</div>
				<div class="list">
					<a  href="./bshchuzhan/chuzhanshezhi.html"><i class="iconfont icon-peizhixinxidaorudaochu"></i>博士后出站设置</a>

				</div>
			</div>

		</div>
	</div>
	<!--底部-->

	<div th:replace="bottom::bottom"></div>


</div>
<!-- 右侧主体结束 -->

</body>
<style>

</style>
<script type="text/javascript" src="./js/top1.js?ver=0.2"></script>
<script src="./js/index.js?ver=1.2"></script>
<script type="text/javascript">

	$(".top .people .fath span").each(function() {
		var maxwidth =9;
		if ($(this).text().length > maxwidth) {
			$(this).text($(this).text().substring(0, maxwidth));
			$(this).html($(this).html() + '...');
		}
	});
	$("#zhuomian").addClass("layui-this");
	var items = '[[${DeptName}]]';
	$("#deptname span").text(items);
	layui.use('element',function(){
		var $ = layui.jquery;
		var element = layui.element;//Tab的切换功能，切换事件监听等，需要依赖element模块
		var layer = layui.layer;
		var active = {
			//在这里给active绑定事件，后面可通过active调用这些事件

			tabDeleteAll:function(ids){//删除所有
				$.each(ids,function(i,item){
					element.tabDelete("xbs_tab",item);//ids是一个数组，里面存放了多个id，调用tabDelete方法分别删除
				})
			}
		};

		$(".close-all").click(function () {
			if ($(this).attr("data-type") == "closeall") {
				alert(2);
				var tabtitle = $(".layui-tab-title li");
				var ids = new Array();

				$.each(tabtitle, function (i) {
					ids[i] = $(this).attr("lay-id");
				});

				active.tabDeleteAll(ids);
				location.reload();
			}
		})


	});


</script>
</html>